<template>
  <div class="authorized-certification">
    <!-- 个人资料 -->
    <van-nav-bar class="navtop" title="管理员认证">
      <van-icon slot="left" name="arrow-left" @click="$router.back()" />
    </van-nav-bar>
    <div class="touxiang">
      <!-- 头像 -->
      <van-image round class="img" src="https://img.yzcdn.cn/vant/cat.jpeg" />
      <!-- 姓名 -->
      <span class="uname">陈佳容</span>
    </div>
    <!-- 卡片区域 -->
    <div class="card">
      <p>湖南家政平台在此特别提醒您（家服员、家政员）在阅读前，请认真阅读本《授权协议》（以下简称“协议”）请您谨慎阅读并选择接受或者不接受本协议。本协议由湖南家政平台根据国家政策实时更新，更新后协议条款一旦公布即代替原来的协议条款，恕不另行通知。</p>
      <h6>一、本人自愿申请建立家庭服务员信用记录</h6>
      <p>
        本人自愿加入湖南家政平台，湖南家政平台可以使用本人
        身份信息、肖像信息、家庭服务信息和职业信息；身份信息
        包含但不限于身份证号码，姓名，性别，民族，家庭住址，
        健康状况，教育水平等；职业信息包含但不限于从业经历，
        培训情况、培训考核情况、消费者评价和投诉情况等；
      </p>
      <h6>二、本人承诺：</h6>
      <p>
        本人自愿加入湖南家政平台，湖南家政平台可以使用本人
        身份信息、肖像信息、家庭服务信息和职业信息；身份信息
        包含但不限于身份证号码，姓名，性别，民族，家庭住址，
        健康状况，教育水平等；职业信息包含但不限于从业经历，
        培训情况、培训考核情况、消费者评价和投诉情况等；
      </p>
      <p>
        请点击：我也已阅读并同意以上协议“按钮，代表您同意
        本协议的全部内容，并授权您在诚信平台的所有资料都可以
        向消费者显示。
      </p>
    </div>
    <!-- 底部同意区域 -->
    <button class="submit" @click="$router.push('/person')">我已阅读并同意以上协议</button>
  </div>
</template>

<script>
export default {
  name: 'AuthorizedCertification',
  components: {},
  props: {},
  data () {
    return {}
  },
  computed: {},
  watch: {},
  created () { },
  mounted () { },
  methods: {}
}
</script>

<style scoped lang="less">
.authorized-certification {
  .clear {
    display: block;
    clear: both;
  }
  .navtop {
    background-color: #3f51b5;
    /deep/.van-nav-bar__title {
      font-size: 32px;
      color: #fff;
      font-weight: 700;
      margin-left: 72px;
    }
  }
  .van-nav-bar .van-icon {
    font-size: 36px;
    color: #fff;
  }
  .touxiang {
    height: 300px;
    background-color: #3f51b5;
    flex-direction: column;
    display: flex;
    align-items: center;
    .img {
      width: 100px;
      height: 100px;
      margin: 10px 0;
    }
    .uname {
      font-size: 28px;
      font-weight: 700;
      color: #fff;
    }
  }
  .card {
    position: absolute;
    left: 5%;
    top: 25%;
    width: 90%;
    height: 95%;
    line-height: 42px;
    border-radius: 16px;
    background-color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    h6 {
      margin: 0;
      font-size: 30px;
    }
    p {
      font-size: 26px;
      text-indent: 2em;
    }
  }
  .submit {
    position: fixed;
    bottom: 0;
    left: 0;
    border: 0;
    background-color: #3f51b5;
    width: 100%;
    height: 100px;
    font-size: 28px;
    color: #ffffff;
    font-weight: 700;
  }
  .van-hairline--bottom::after {
    border: none;
  }
}
</style>
